<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <title>IPFS视频</title>

  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<script src="js/hls.js"></script>
<script src="js/hlsjs-ipfs-loader@0.1.1_dist_index.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/app.js"></script>

<body>
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-8 col-sm-push-2">
        <h1 class="text-center">IPFS视频</h1>
        <hr/>
        <br/>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6">
        <h5>视频列表</h5>
        <div id="playlistsRow" class="row">
          <!-- PLAYLISTS LOAD HERE -->
        </div>
       
        <html>
          <div id="playlistsTemplate" style="display: none;" class="row">
            <div class="row">
              <a class="link" href=""> </a>
            </div>
          </div>
            <!--<video class="video" id="video"></video>-->
        </html>
      </div>

      <div class="col-md-6">
        <form action="fileupload" method="post" enctype="multipart/form-data">
          <input type="file" name="filetoupload"><br>
          <input class="btn-submit" type="submit">
          <img 
            src="images/wait.gif" 
            id="loader" 
            class="loader"
            style="visibility: hidden;"
            width="30" 
            height="30"/>
        </form>
      </div>
    </div>
  </div>
</body>
</html>